/** 按钮样式 **/
.theme-#{$theme-name} {
  // 搜索
  .el-button--search.is-active,
  .el-button--search:active {
    background: $theme-button-search-color;
    border-color: $theme-button-search-color;
    color: #fff;
  }

  .el-button--search:focus,
  .el-button--search:hover {
    background: $theme-button-search-color-hover;
    border-color: $theme-button-search-color-hover;
    color: #fff;
  }

  .el-button--search {
    color: #FFF;
    background-color: $theme-button-search-color;
    border-color: $theme-button-search-color;
  }

  // 添加
  .el-button--add.is-active,
  .el-button--add:active {
    background: $theme-button-add-color;
    border-color: $theme-button-add-color;
    color: #fff;
  }

  .el-button--add:focus,
  .el-button--add:hover {
    background: $theme-button-add-color-hover;
    border-color: $theme-button-add-color-hover;
    color: #fff;
  }

  .el-button--add {
    color: #FFF;
    background-color: $theme-button-add-color;
    border-color: $theme-button-add-color;
  }

  // 详情
  .el-button--info.is-active,
  .el-button--info:active {
    background: $theme-button-info-color;
    border-color: $theme-button-info-color;
    color: #fff;
  }

  .el-button--info:focus,
  .el-button--info:hover {
    background: $theme-button-info-color-hover;
    border-color: $theme-button-info-color-hover;
    color: #fff;
  }

  .el-button--info {
    color: #FFF;
    background-color: $theme-button-info-color;
    border-color: $theme-button-info-color;
  }

  // 编辑
  .el-button--edit.is-active,
  .el-button--edit:active {
    background: $theme-button-edit-color;
    border-color: #DCDFE6;
    color: $theme-bg-color;
  }

  .el-button--edit:focus,
  .el-button--edit:hover {
    color: $theme-bg-color;
    border-color: #c6e2ff;
    background-color: $theme-button-edit-color-hover;
  }

  .el-button--edit {
    background: $theme-button-edit-color;
    border-color: #DCDFE6;
    color: $theme-bg-color;
  }

  // 删除
  .el-button--del.is-active,
  .el-button--del:active {
    background: $theme-button-del-color;
    border-color: $theme-button-del-color;
    color: #fff;
  }

  .el-button--del:focus,
  .el-button--del:hover {
    background: $theme-button-del-color-hover;
    border-color: $theme-button-del-color-hover;
    color: #fff;
  }

  .el-button--del {
    color: #FFF;
    background-color: $theme-button-del-color;
    border-color: $theme-button-del-color;
  }

  // 确定
  .el-button--confirm.is-active,
  .el-button--confirm:active {
    background: $theme-button-confirm-color;
    border-color: $theme-button-confirm-color;
    color: #fff;
  }

  .el-button--confirm:focus,
  .el-button--confirm:hover {
    background: $theme-button-confirm-color-hover;
    border-color: $theme-button-confirm-color-hover;
    color: #fff;
  }

  .el-button--confirm {
    color: #FFF;
    background-color: $theme-button-confirm-color;
    border-color: $theme-button-confirm-color;
  }

  // 取消
  .el-button--cancel.is-active,
  .el-button--cancel:active {
    background: $theme-button-cancel-color;
    border-color: #DCDFE6;
    color: #606266;
  }

  .el-button--cancel:focus,
  .el-button--cancel:hover {
    color: $theme-font-color-hover;
    border-color: $theme-font-color-hover;
    background-color: $theme-button-cancel-color-hover;
  }

  .el-button--cancel {
    background: $theme-button-cancel-color;
    border-color: #DCDFE6;
    color: #606266;
  }

  // 审核
  .el-button--reset.is-active,
  .el-button--reset:active {
    background: $theme-button-reset-color;
    border-color: $theme-button-reset-color;
    color: #fff;
  }

  .el-button--reset:focus,
  .el-button--reset:hover {
    background: $theme-button-reset-color-hover;
    border-color: $theme-button-reset-color-hover;
    color: #fff;
  }

  .el-button--reset {
    color: #FFF;
    background-color: $theme-button-reset-color;
    border-color: $theme-button-reset-color;
  }

  // 返回
  .el-button--back.is-active,
  .el-button--back:active {
    background: $theme-button-back-color;
    border-color: $theme-button-back-color;
    color: #fff;
  }

  .el-button--back:focus,
  .el-button--back:hover {
    background: $theme-button-back-color-hover;
    border-color: $theme-button-back-color-hover;
    color: #fff;
  }

  .el-button--back {
    color: #FFF;
    background-color: $theme-button-back-color;
    border-color: $theme-button-back-color;
  }

  // 扣分
  .el-button--score.is-active,
  .el-button--score:active {
    background: $theme-button-score-color;
    border-color: $theme-button-score-color;
    color: #fff;
  }

  .el-button--score:focus,
  .el-button--score:hover {
    background: $theme-button-score-color-hover;
    border-color: $theme-button-score-color-hover;
    color: #fff;
  }

  .el-button--score {
    color: #FFF;
    background-color: $theme-button-score-color;
    border-color: $theme-button-score-color;
  }

  // 通过
  .el-button--pass.is-active,
  .el-button--pass:active {
    background: $theme-button-pass-color;
    border-color: $theme-button-pass-color;
    color: #fff;
  }

  .el-button--pass:focus,
  .el-button--pass:hover {
    background: $theme-button-pass-color-hover;
    border-color: $theme-button-pass-color-hover;
    color: #fff;
  }

  .el-button--pass {
    color: #FFF;
    background-color: $theme-button-pass-color;
    border-color: $theme-button-pass-color;
  }

  // 不通过
  .el-button--nopass.is-active,
  .el-button--nopass:active {
    background: $theme-button-nopass-color;
    border-color: $theme-button-nopass-color;
    color: #fff;
  }

  .el-button--nopass:focus,
  .el-button--nopass:hover {
    background: $theme-button-nopass-color-hover;
    border-color: $theme-button-nopass-color-hover;
    color: #fff;
  }

  .el-button--nopass {
    color: #FFF;
    background-color: $theme-button-nopass-color;
    border-color: $theme-button-nopass-color;
  }

  // 地图
  .el-button--map.is-active,
  .el-button--map:active {
    background: $theme-button-map-color;
    border-color: $theme-button-map-color;
    color: #fff;
  }

  .el-button--map:focus,
  .el-button--map:hover {
    background: $theme-button-map-color-hover;
    border-color: $theme-button-map-color-hover;
    color: #fff;
  }

  .el-button--map {
    color: #FFF;
    background-color: $theme-button-map-color;
    border-color: $theme-button-map-color;
  }

  // 文字
  .el-button--text:hover {
    color: $theme-button-text-color-hover;
  }

  .el-button--text {
    color: $theme-button-text-color;
  }

  // 文字操作按钮
  .el-button--operation:hover {
    background-color: transparent;
    color: $theme-button-operation-color-hover;
  }

  .el-button--operation {
    background-color: transparent;
    color: $theme-button-operation-color;
    border: none !important;
  }
}